<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>考勤详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/xs-zhuye.css">
    <link rel="stylesheet" href="../../css/index-shouye.css">
    <link rel="stylesheet" href="../../css/public-students.css">
    <script src="../../common/jquery-1.10.2.min.js"></script>
    <script src="../../common/common.js"></script>
</head>
<body>
<!--返回导航页面S-->
<div class="index-nav">
    <div class="index-nav-box">
        <ul>
            <li class="index-nav-box-el">
                    <span class="index-nav-box-cl">
                        <img class="icon-left" src="../../img/icon-zj.png" alt="">
                        返回
                    </span>
            </li>
            <li>
                <span class="index-nav-box-tl">考勤详情</span>
            </li>
            <li></li>
        </ul>
    </div>
    <div class="index-examination ">
        <ul>
            <li>
                <div class="kao_intro">
                    <span  class="examination-color-fs">A班级<em>30人</em></span><br>
                    <span  class="examination-color-el">课程：素描</span>
                    <span  class="examination-color-el">班型：小班</span>
                    <span  class="examination-color-el">省份：江苏</span><br>
                    <span class="examination-color-el">上课地址：地址内容补充地址内容补充</span> <br>
                    <span class="examination-color-el">点名时间：2018-09-09 上午08:45  </span>
                </div>
            </li>
        </ul>
    </div>
    <div class="chengji-title-tab">
        <ul class="chengji-title-ul">
            <li>
                <span class="cul">全部</span>
            </li>
            <li>
                <span>迟到(10)</span>
            </li>
            <li>
                <span>早退(3)</span>
            </li>
            <li>
                <span>旷课(10)</span>
            </li>
            <li>
                <span>请假(5)</span>
            </li>
        </ul>
    </div>
    <div class="jilu_list">
        <ul class="juli_list_ul">
            <li class="clear">
                <span class="jilu_name">学生姓名</span>
                <span class="jilu_number">203090839</span>
                <span class="jilu_state">正常</span>
            </li>
            <li class="clear">
                <span class="jilu_name">学生姓名</span>
                <span class="jilu_number">203090839</span>
                <span class="jilu_state julu_red">迟到
                   <div class="school_range" style="display: none;">
                        <i>迟到</i>
                        <i>迟到</i>
                        <i>迟到</i>
                    </div>
                </span>
            </li>
        </ul>
    </div>
</div>
<!--返回导航页面E-->
<script>
    $(function(){
        $('body').on('click' , '.jilu_state' , function(){
            if($(this).find('.school_range').is(':hidden')){
                $(this).find('.school_open').addClass('school_open_cur');
                $(this).find('.school_range').show();
            }else{
                $(this).find('.school_open').removeClass('school_open_cur');
                $(this).find('.school_range').hide();
            }

        })
    })
</script>





<script type="text/javascript">
    $('.chengji-box-el-li').eq(0).find('em').addClass('sele_cur');
    $('.chengji-title-ul li').eq(0).find('span').addClass('cul');
    $(function(){
        $('body').on('click','.chengji-box-el-li',function(){
            $(this).find('em').addClass('sele_cur').parents('li').siblings().find('em').removeClass('sele_cur');
        });
        $('body').on('click','.chengji-title-ul li',function(){
            $(this).find('span').addClass('cul').parents('li').siblings().find('span').removeClass('cul');
        })
    });
</script>
</body>
</html>
